/*
@author: sunke
*/
body,input,textarea,button{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","PingFang SC","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}
body{margin:0 auto;color:#333;min-width:1530px;background:#fff;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0;padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address,caption,cite,code,dfn,th,var{font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline; color:#A77D44;}
input,button,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.layout{width:1530px;margin:0 auto;}
.common-mod{ margin-top:67px;}
.common-mod.mt46{ margin-top:47px;}
.common-title{ height:42px;}
.common-title h2{ float:left; line-height:42px; font-size:30px; padding-left:43px;}
.common-title h2.ico01{ background:url("/images/index2024/title-ico01.png") no-repeat left center;}
.common-title h2.ico02{ background:url("/images/index2024/title-ico02.png") no-repeat left center;}
.common-title h2.ico03{ background:url("/images/index2024/title-ico03.png") no-repeat left center;}
.common-title h2.ico04{ background:url("/images/index2024/title-ico04.png") no-repeat left center;}
.common-title .more-btn{ display:block; float:right; line-height:42px; color:#999;}
.common-title .more-btn i{ display:inline-block; height:6px; width:6px; vertical-align:1px; margin-left:3px; border:2px solid #999; border-right-width:0; border-bottom-width:0;transform:rotate(135deg);-webkit-transform:rotate(135deg);}

/**/
.focusPic-mod{ width:100%;}
.focusPic-mod .swiper-slide{ width:100%; height:592px;}
.focusPic-mod .swiper-slide .btn{ display:block; width:100%; height:592px; text-align:center;}
.focusPic-mod .swiper-slide .btn img{ height:592px;}
.focusPic-mod .swiper-pagination{  bottom:30px;}
.focusPic-mod .swiper-pagination-bullet{ width:50px; height:4px; margin:0 8px !important; border-radius:0; background:#A77D44; opacity:.4;}
.focusPic-mod .swiper-pagination-bullet-active{ opacity:1;}

/**/
.examInfor-mod{ margin-bottom:60px;}
.examInfor-mod .title{ line-height:56px; text-align:center; padding-top:67px;}
.examInfor-mod .title h2{ display:inline-block; font-size:40px; position:relative;}
.examInfor-mod .title h2:before,.examInfor-mod .title h2:after{ content:""; width:66px; height:30px; background:url("/images/index2024/examInfor-ico01.png") no-repeat; position:absolute; left:-88px; top:16px;}
.examInfor-mod .title h2:after{ left:auto; right:-88px;}
.examInfor-mod .list{ padding:45px 0 0;}
.examInfor-mod .list .box{ float:left; width:354px; height:238px; border:2px solid #F5F5F5; margin-right:32px; border-radius:10px;}
.examInfor-mod .list .box .tit{ float:left; width:72px; height:238px; border-radius:12px 0 0 12px;}
.examInfor-mod .list .box .tit h3{ width:30px; font-size:20px; color:#fff; line-height:25px; padding:15px 0 0 13px; position:relative;}
.examInfor-mod .list .box .tit h3 i{ display:inline-block; height:8px; width:8px; margin:7px 0 0 5px; border:2px solid #fff; border-right-width:0; border-bottom-width:0;transform:rotate(225deg);-webkit-transform:rotate(225deg);}
.examInfor-mod .list .box .tit h3 a{ color:#fff;}
.examInfor-mod .list .box .tit.bg01{ background:url("/images/index2024/examInfor-bg01.png") no-repeat;}
.examInfor-mod .list .box .tit.bg02{ background:url("/images/index2024/examInfor-bg02.png") no-repeat;}
.examInfor-mod .list .box .tit.bg03{ background:url("/images/index2024/examInfor-bg03.png") no-repeat;}
.examInfor-mod .list .box .tit.bg04{ background:url("/images/index2024/examInfor-bg04.png") no-repeat;}
.examInfor-mod .list .box .con{ float:right; width:265px; line-height:38px; padding-top:24px;}
.examInfor-mod .list .box .con h4{ height:38px; line-height:38px; font-size:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.examInfor-mod .list .box .con p{ height:38px; line-height:38px; font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.examInfor-mod .list .box.last-tags{ margin-right:0;}

/**/
.courseRecommendation-mod{ margin-top:20px;}
.courseRecommendation-mod .focusPic-con{ width:549px; height:602px;}
.courseRecommendation-mod .focusPic-con .swiper{width:549px; height:602px;}
.courseRecommendation-mod .focusPic-con .swiper-slide{ width:100%; height:602px;}
.courseRecommendation-mod .focusPic-con .swiper-slide .btn{ display:block; width:100%; height:602px;}
.courseRecommendation-mod .focusPic-con .swiper-slide img{ display:block; height:602px;}
.courseRecommendation-mod .focusPic-con .swiper-pagination{  bottom:30px;}
.courseRecommendation-mod .focusPic-con .swiper-pagination-bullet{ width:50px; height:4px; margin:0 8px !important; border-radius:0; background:#A77D44; opacity:.4;}
.courseRecommendation-mod .focusPic-con .swiper-pagination-bullet-active{ opacity:1;}
.courseRecommendation-mod .list{ width:981px;}
.courseRecommendation-mod .list .box{ float:left; width:453px; height:281px; background:#fff; border-radius:10px; border:2px solid #F5F5F5; margin:0 0 32px 33px;}
.courseRecommendation-mod .list .box .top-con{ height:199px; padding:23px 30px 0;}
.courseRecommendation-mod .list .box .top-con h3{ height:28px; line-height:28px; font-size:20px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.courseRecommendation-mod .list .box .top-con h3 .offline-tags{ display:inline-block; line-height:22px; margin-right:7px; vertical-align:1px; border:1px solid #E4213A; border-radius:2px; font-size:16px; color:#E4213A; padding:0 5px;}
.courseRecommendation-mod .list .box .top-con .time{ line-height:22px; font-size:16px; color:#777; padding-top:6px;}
.courseRecommendation-mod .list .box .top-con .tags{ padding:10px 0 0;}
.courseRecommendation-mod .list .box .top-con .tags span{ display:inline-block; margin:0 8px 9px 0; font-size:12px; color:#9D5923; background:#f7f1ec; border-radius:2px; padding:0 4px;}
.courseRecommendation-mod .list .box .top-con .tags span.listening-tips{ padding-left:15px; position:relative; color:#fff; background:linear-gradient( 270deg, #DFB471 0%, #EAC88F 100%); background:-webkit-linear-gradient( 270deg, #DFB471 0%, #EAC88F 100%);}
.courseRecommendation-mod .list .box .top-con .tags span.listening-tips:before{ content:""; width:8px; height:9px; position:absolute; left:5px; top:5px; background:url("/images/index2024/courseRecommendation-ico01.png") no-repeat;}
.courseRecommendation-mod .list .box .top-con .teacher{ padding:20px 0 0;}
.courseRecommendation-mod .list .box .top-con .teacher .btn{ display:block; float:left; width:44px; margin-right:23px; text-align:center;}
.courseRecommendation-mod .list .box .top-con .teacher .btn img{ display:block; width:44px; height:44px;}
.courseRecommendation-mod .list .box .top-con .teacher .btn p{ line-height:18px; font-size:12px; color:#777; padding-top:8px;}
.courseRecommendation-mod .list .box .top-con .teacher .btn:hover{ text-decoration:none;}
.courseRecommendation-mod .list .box .top-con .teacher .btn:hover p{ color:#A77D44;}
.courseRecommendation-mod .list .box .bottom-con{ height:58px; line-height:58px; border-top:1px solid #F2F2F2; padding:0 25px 0 30px;}
.courseRecommendation-mod .list .box .bottom-con .nums{ float:left; color:#777;}
.courseRecommendation-mod .list .box .bottom-con .pirze{ float:right; color:#E6213A;}
.courseRecommendation-mod .list .box .bottom-con .pirze i{ font-size:10px;}
.courseRecommendation-mod .list .box .bottom-con .pirze strong{ font-size:20px;}
.courseRecommendation-mod .list .box .bottom-con .pirze a{ color:#E6213A;}

/**/
.teacher-mod{}
.teacher-mod .swiper{ padding:20px 0;}
.teacher-mod .swiper-slide{ width:292px; height:284px; overflow:hidden; box-shadow:0 0 4px 1px rgba(225,231,235,0.72); border-radius:10px;}
.teacher-mod .swiper-slide .pic{ height:198px; background:#DFDFDF; position:relative; border-radius:10px 10px 0 0;}
.teacher-mod .swiper-slide .pic img{ max-height:198px; position:absolute; left:50%; bottom:0; transform: translate(-50%,0); -webkit-transform:translate(-50%,0); }
.teacher-mod .swiper-slide .introduce{ padding:13px 0 0 15px;}
.teacher-mod .swiper-slide .introduce h4{ line-height:25px; font-size:18px;}
.teacher-mod .swiper-slide .introduce h4 span{ font-size:14px; font-weight:normal; padding-left:10px;}
.teacher-mod .swiper-slide .introduce p{ height:20px; line-height:20px; padding-top:11px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.teacher-mod .swiper-slide .more{ width:100%; height:284px; position:absolute; left:0; bottom:-284px; border-radius:10px; background:rgba(239,208,157,.9);}
.teacher-mod .swiper-slide .more .tit{ line-height:63px; padding:36px 0 0 22px; font-size:18px; color:#fff; font-weight:bold;}
.teacher-mod .swiper-slide .more .tit span{ font-size:14px; font-weight:normal; padding-left:10px;}
.teacher-mod .swiper-slide .more .head{ display:inline-block; width:63px; height:63px; border-radius:50%; vertical-align:top; overflow:hidden; background:#fff; margin-right:17px; position:relative;}
.teacher-mod .swiper-slide .more .head img{ display:block; max-width:100%; max-height:100%; border-radius:50%;}
.teacher-mod .swiper-slide .more p{ padding:28px 21px 0; line-height:22px; color:#fff;}
.teacher-mod .swiper-slide .link-btn{ display:block; width:100%; height:100%; line-height:0; font-size:0; position:absolute; left:0; top:0; z-index:9;}
.teacher-mod .swiper .swiper-button-prev,.teacher-mod .swiper .swiper-button-next{ width:15px; height:39px; left:0; top:128px; margin-top:0; background:url("/images/index2024/teacher-btn01.png") no-repeat;}
.teacher-mod .swiper .swiper-button-next{ left:auto; right:0; background:url("/images/index2024/teacher-btn02.png") no-repeat;}
.teacher-mod .swiper .swiper-button-prev:after,.teacher-mod .swiper .swiper-button-next:after{ display:none;}

/**/
.excitingMoments-mod{ padding:20px 0;}
.excitingMoments-mod .box{ float:left; width:357px; height:201px; overflow:hidden; border-radius:8px; margin-right:34px; position:relative;}
.excitingMoments-mod .box p{ position:absolute; left:14px; bottom:12px; line-height:20px; color:#fff;}
.excitingMoments-mod .box .btn{ display:block; width:100%; height:100%;}
.excitingMoments-mod .box:last-child{ margin-right:0;}

/**/
.about-mod{ margin-top:20px;}
.about-mod .cdel-con{ width:1018px; padding:28px 23px; border:2px solid #F5F5F5; border-radius:10px;}
.about-mod .cdel-con .video-btn{}
.about-mod .cdel-con .text{ width:630px;}
.about-mod .cdel-con .text p{ line-height:24px;}
.about-mod .cdel-con .text p:first-child{ padding-bottom:26px;}
.about-mod .cdel-con .text p a{ color:#333;}
.about-mod .newsList{ width:426px; border:2px solid #F5F5F5; border-radius:10px;}
.about-mod .newsList .list{ padding:0 20px;}
.about-mod .newsList .top-news{ padding:20px 0 10px;}
.about-mod .newsList .top-news .pic{ float:left; display:block; width:137px; height:77px;}
.about-mod .newsList .top-news .pic img{ display:block; width:100%; height:100%;}
.about-mod .newsList .top-news .text{ margin:0 0 0 159px;}
.about-mod .newsList .top-news .text h4{ height:22px; line-height:22px; font-size:16px; text-overflow:ellipsis; font-weight:normal; overflow:hidden; white-space:nowrap;}
.about-mod .newsList .top-news .text .time{ display:block; line-height:18px; font-size:12px; color:#666; padding-top:8px;}
.about-mod .newsList .top-news .text p{ height:18px; line-height:18px; font-size:12px; color:#999; padding-top:8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.about-mod .newsList li .link-btn{ display:block; height:49px; line-height:49px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.about-mod .newsList .list li{ line-height:49px; border-bottom:1px dashed #D9D9D9;}
.about-mod .newsList .list li span{ float:right; font-size:12px; color:#666;}
.about-mod .newsList .list li:last-child{ border-bottom:0;}


@media screen and (max-width: 1530px) {
    body{ min-width:1200px;}
    .layout{ width:1200px;}
    .common-mod{ margin-top:37px;}
    .common-mod.mt46{ margin-top:37px;}
    
    /**/
    .focusPic-mod .swiper-slide,.focusPic-mod .swiper-slide .btn{ height:400px;}
    .focusPic-mod .swiper-slide .btn img{ height:400px;}
    
    /**/
    .examInfor-mod .title{ padding-top:46px;}
    .examInfor-mod{ margin-bottom:40px;}
    .examInfor-mod .list{ padding-top:30px;}
    .examInfor-mod .list .box{ width:288px; height:200px; margin-right:10px;}
    .examInfor-mod .list .box .con{ width:220px; padding-top:10px;}
    .examInfor-mod .list .box .tit{ width:52px; height:200px;}
    .examInfor-mod .list .box .con p{ font-size:14px; line-height:32px;}
    .examInfor-mod .list .box .con h4{ line-height:32px; font-size:16px;}
    
    /**/
    .courseRecommendation-mod .focusPic-con,.courseRecommendation-mod .focusPic-con .swiper{ width:465px; height:509px;}
    .courseRecommendation-mod .focusPic-con .swiper-slide img{ height:509px;}
    .courseRecommendation-mod .list{ width:735px;}
    .courseRecommendation-mod .list .box{ width:340px; height:240px; margin:0 0 22px 23px;}
    .courseRecommendation-mod .list .box .top-con{ height:180px; padding:13px 20px 0;}
    .courseRecommendation-mod .list .box .top-con .tags{ padding-top:6px;}
    .courseRecommendation-mod .list .box .top-con .teacher{ padding-top:6px;}
    .courseRecommendation-mod .list .box .bottom-con{ height:46px; line-height:46px; }
    
    /**/
    .excitingMoments-mod .box{ float:left; width:291px; height:164px; margin-right:12px;}
    .excitingMoments-mod .box img{ display:block; width:291px;}
    
    /**/
    .about-mod .cdel-con{ width:800px; padding:18px 13px}
    .about-mod .cdel-con .video-btn{ width:250px;}
    .about-mod .cdel-con .video-btn img{ width:250px;}
    .about-mod .cdel-con .text{ width:530px;}
    .about-mod .cdel-con .text p{ line-height:20px;}
    .about-mod .cdel-con .text p:first-child{ padding-bottom:10px;}
    .about-mod .newsList{ width:356px;}
    .about-mod .newsList .list{ padding:0 10px;}
    .about-mod .newsList .top-news{ padding:10px 0;}
    .about-mod .newsList .top-news .pic{ width:120px;}
    .about-mod .newsList .top-news .pic img{ width:120px; height:auto;}
    .about-mod .newsList .top-news .text{ margin-left:130px;}
    .about-mod .newsList .top-news .text .time{ padding-top:3px;}
    .about-mod .newsList .top-news .text p{ padding-top:3px;}
    .about-mod .newsList .list li{ line-height:42px;}
    
}